<html>
	<title>Digi Chef</title>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		
		<link rel="stylesheet" href="css/jd.gallery.css" type="text/css" media="screen" charset="utf-8" />
		<script src="scripts/mootools-1.2.1-core-yc.js" 	type="text/javascript"></script>
		<script src="scripts/mootools-1.2-more.js" type="text/javascript"></script>
		<script src="scripts/History.js" type="text/javascript"></script>
		<script src="scripts/History.Routing.js" type="text/javascript"></script>
		<script src="scripts/jd.gallery.js" type="text/javascript"></script>
		<link rel= "stylesheet" type= "text/css" href= "css/extstyle.css" />
		<link href="style.css" rel="stylesheet" media="all" />
	<link href="search.css" rel="stylesheet" media="all" />
	

		

</head>

<!--maybe some script and the css style file-->


<!Below uploads the images to the website which are to be put up as sponsorship>
<body>


<div id="menu" style= "position: absolute; top: 34px; right:318px; z-index:1">
	<ul>
		<li><a href="#" class="current">home</a></li>
		<li><a href="#">about us</a></li>
		<li><a href="#">services</a></li>
		<li><a href="#">categories</a></li>
		<li><a href="#">contact us</a></li>
		<li><a href="#">sign up/log in</a></li>								
	</ul>
</div>



<div id="searchwrapper" style= "position: absolute; top: 404px; right:358px; z-index:1"><form action="">
<input type="text" class="searchbox" name="s" value="" />
<input type="image" src="images/blank.jpg" class="searchbox_submit" value="" />
</form>
</div>


<p><img src="images/donalds.jpg" width="176" height="345" style= "position: absolute; top: 124px; right:18px; z-index:1"/></p>

<!Below gives the main heading and tagline of our company>
<div id='header'>
<h1>DIGI CHEF</h1>
<h2></h2>
</div>

<br>
<div>

<p><img src="images/user.jpg" width="96" height="105" style= "position: absolute; top: 144px; right:608px; z-index:1"/></p>
<p><img src="images/bender.jpg" width="96" height="105" style= "position: absolute; top: 274px; right:288px; z-index:1"/></p>

	
<div id="mainSection" style= "position: absolute; top: 124px; right:228px; z-index:1">
	<h2>User Of The Week</h2><br>
	<p>Name: Scarlett Johansson</p>
	<p>About: Cookings my favourite hobby. Its a pity im not very good at it.</p>
	<br>
	</div>
	
	<div id="mainSection" style= "position: absolute; top: 274px; right:348px; z-index:1">
	<h2>Search For Recipes</h2><br>
	<p>Hello, I'm Bender the robot, kindly input ingredients below and i'll cook up a recipe for you!</p>
	<p> APPLAUD NOW!</p>
	<br>
	</div>
	

<div id="mainSection">
<!------------------------------JAVASCRIPT SLIDESHOW---------------------------->
<script type="text/javascript">

			function startGallery() {
				History.start();
				var myGallery = new gallery($('myGallery'), {
					timed: true,
					useHistoryManager: true
				});
			}
			window.addEvent('domready', startGallery);
		</script>
		<div class="content" style= "position: absolute; top: 124px; left:18px; z-index:1">
			<div id="myGallery">
				<div class="imageElement">
					<h3>FEATURED RECIPE: PIE</h3>
					<p>Make it today!</p>
					<a href="here.html" title="open image" class="open"></a>
					<img src="images/pie.jpg" class="full" />
					<img src="images/pie-mini.jpg" class="thumbnail" />
				</div>
				<div class="imageElement">
					<h3>FEATURED RECIPE: STRUDEL</h3>
					<p>Make it today!</p>
					<a href="#" title="open image" class="open"></a>
					<img src="images/str.jpg" class="full" />
					<img src="images/str-mini.jpg" class="thumbnail" />
				</div>
				<div class="imageElement">
					<h3>FEATURED RECIPE: LASAGNE</h3>
					<p>Make it today!</p>
					<a href="#" title="open image" class="open"></a>
					<img src="images/lasagne.jpg" class="full" />
					<img src="images/lasagne-mini.jpg" class="thumbnail" />
				</div>
				
			</div>
		</div>
<!------------------------------END OF JAVASCRIPT SLIDESHOW---------------------------->
	
	
</div>


</body>
</html>